<template>
  <div class="mt-nav">
    <ul class="nav">
      <li class="list">
        <nuxt-link to="myMt">我的美团</nuxt-link>
        <dl>
          <dd>
            <nuxt-link to="myOrder">我的订单</nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="myCollection">我的收藏</nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="voucher">抵用券</nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="accountSetting">账户设置</nuxt-link>
          </dd>
        </dl>
      </li>
      <li>
        <nuxt-link to="phone">手机APP</nuxt-link>
      </li>
      <li class="firmCenter">
        <nuxt-link to="center">商家中心</nuxt-link>
        <dl>
          <dd>
            <nuxt-link to="myOrder">美团餐饮商户中心</nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="myCollection">登录商家中心</nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="voucher">美团智能收银</nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="accountSetting">我想合作</nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="accountSetting">手机免费开店</nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="accountSetting">餐饮代理商招募</nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="accountSetting">商家申请开票</nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="accountSetting">免费合作美团排队</nuxt-link>
          </dd>
        </dl>
      </li>
      <li class="rules">
        <nuxt-link to="rules">美团规则</nuxt-link>
        <dl>
          <dd>
            <nuxt-link to="myOrder">规则中心</nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="myCollection">规则目录</nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="voucher">规则评议院</nuxt-link>
          </dd>
        </dl>
      </li>
      <li class="webnav">
        <nuxt-link to="nav">网站导航</nuxt-link>
        <div class="navbox">
          <dl class="hotel">
            <dt>酒店旅游</dt>
            <dd>国际机票</dd>
            <dd>国际机票</dd>
            <dd>国际机票</dd>
            <dd>国际机票4</dd>
            <dd>国际机票5</dd>
            <dd>国际机票6</dd>
            <dd>国际机票7</dd>
            <dd>国际机票8</dd>
            <dd>国际机票9</dd>
            <dd>国际机票11</dd>
            <dd>国际机票12</dd>
            <dd>国际机票13</dd>
            <dd>国际机票14</dd>
            <dd>国际机票15</dd>
            <dd>国际机票16</dd>
          </dl>
          <dl class="food">
            <dt>吃美食</dt>
            <dd>烤鱼</dd>
            <dd>特色小吃</dd>
            <dd>烧烤1</dd>
            <dd>烧烤2</dd>
            <dd>烧烤3</dd>
            <dd>烧烤4</dd>
          </dl>
          <dl class="movie">
            <dt>看电影</dt>
            <dd>热映电影1</dd>
            <dd>热映电影2</dd>
            <dd>热映电影3</dd>
            <dd>热映电影4</dd>
            <dd>热映电影5</dd>
            <dd>热映电影6</dd>
            <dd>热映电影7</dd>
          </dl>
          <dl class="phoneapp">
            <dt>手机应用</dt>
            <img src="//s0.meituan.net/bs/fe-web-meituan/2d53095/img/appicons/meituan.png" alt="">
            <img src="//s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/waimai.png" alt="">
            <img src="//s0.meituan.net/bs/fe-web-meituan/404d350/img/appicons/zhenguo.png" alt="">
            <img src="//s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/dianping.png" alt="">
            <img src="//s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/maoyan.png" alt="">
          </dl>
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {};
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {}
};
</script>
<style lang="scss" scoped>
</style>